layui.use([ 'table', 'layer', 'form' ], function() {
	var $ = layui.jquery;
	var table = layui.table;
	var layer = layui.layer;
	var form = layui.form;
	var layerAdd;
	var layerEdit;
	var userid;
	var formdata;
	table.render({
		id : 'idTable',
		elem : '#test',
		url : '/workflow/noteModel/list', // 数据接口
		method : "post",
		page : true,
		height : 450,
		cols : [ [ // 表头
		       	{
			field : 'id',
			title : 'ID',
			type:'numbers',
			fixed : 'left'
		}, {
			field : 'name',
			title : '模板名称'
		}, {
			field : 'content',
			title : '模板内容'
		}, {
			field : 'createdate',
			title : '创建日期'
		},{
			fixed : 'right',
			width : 165,
			align : 'center',
			title : '操作',
			toolbar : '#barDemo'
		} ] ]
	});
	function ontableRender() {
		table.reload('idTable', {
			url : '/workflow/noteModel/list',
			where : {
				name : $("#name").val()
			}
		});
	}

	function openlayer(butName,type,data) {
		var value = layer.open({
			resize : false,
			type : 1,
			offset : '90px',
			title : butName, // 不显示标题栏
			closeBtn : 1,
			fixed : false,
			area : '600px',
			shade : 0.5,
			// id : 'layer'+butName, // 设定一个id，防止重复弹出
			btnAlign : 'r',
			content : $("#formI"),
			success : function(layero, index) {
				if(type == 2){//修改
					$('#modelId').val(data.id);
					$('#modelName').val(data.name);
					$('#modelContent').val(data.content);
				}
				$("#formI").removeClass("layui-hide");
				//$("#butSubmit").attr("lay-filter", butName);
			},
			end : function(index, layero) {
				$("#formI").addClass("layui-hide");
				// 重置表单
				$("#formI")[0].reset();
			}

		});
		return value;
	}
	// 验证
	form.verify({
		name : function(value, item) { // value：表单的值、item：表单的DOM对象
			if($.trim(value) == ''){
				return '模板名称不能为空';
			}
		},
		content : function(value, item) { // value：表单的值、item：表单的DOM对象
			if($.trim(value) == ''){
				return '模板内容不能为空';
			}
		}
	});
	

	// 添加
	form.on('submit(add)', function(data) {
		formdata = data.field;
		var id = formdata.id;
		var url;
		var msg;
		if(id == '' || id == null){
			url = "/workflow/noteModel/add";
			msg = '添加成功';
		}else{
			url = "/workflow/noteModel/modify";
			msg = '修改成功';
		}
		$.ajax({
			url : url,
			type : "post",
			data : formdata,
			success : function(data) {
				if(data.success){
					layer.msg(msg);
					// 渲染表格
					ontableRender();
				}else{
					layer.msg(data.message);
				}
			}
		});
		// 重置表单
		$("#formI")[0].reset();
		// 关闭模态框
		layer.close(layerAdd);
		layer.close(layerEdit);
		return false;
	});
	// 监听工具条
	table.on('tool(demo)', function(obj) { // 注：tool是工具条事件名，test是table原始容器的属性
		var data = obj.data; // 获得当前行数据
		var layEvent = obj.event; // 获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
		// var tr = obj.tr; // 获得当前行 tr 的DOM对象
		if (layEvent === 'edit') {
			userid=data.userid;
			layerEdit = openlayer("修改短信模板",2,data);
		}
		if (layEvent === 'del') {
			layer.confirm('确定要删除吗?', {
				icon : 3,
				title : '删除'
			}, function(index) {
				// 删除请求
				$.ajax({
					url : "/workflow/noteModel/delete?id=" + data.id,
					type : "delete",
					success : function(data) {
						if(data.success){
							layer.msg("删除成功！");
							ontableRender();
						}else{
							layer.msg(data.message);
						}
					}
				});
				layer.close(index);
			});
		}

	});
	$('#addbut').on('click', function() {
		layerAdd = openlayer("新增短信模板",1,null);
	});
	// 搜索
	$("#searchB").on('click', function() {
		ontableRender();
	});
	$(window).keypress(function(event) {
//		// document.write("你输入的字符是：" + String.fromCharCode(event.which));
//		if (event.which == 13) {
//			console.log("按下了回车键！");
//			var isFocus = $("#searchI").is(":focus");
//			if (isFocus) {
//				Snames = $("#searchI").val();
//				console.log("sn" + Snames);
//				ontableRender();
//			}
//		}
	});
});
